/*for home*/
.home{
  width: 100%;height: 100%;position: relative;padding-top: 0.5rem;
  .topHead{
    width: 100%;padding: 0 0.1rem;height: 0.5rem;overflow: hidden;background: #2c3e50;color: white;font-size: 0.2rem;line-height: 0.5rem;
    position: fixed;top: 0;z-index: 9999;
    .leftMenu{position: absolute;left: 0.1rem;font-size: 0.25rem;}
    .centerTitle{font-weight: bold;}
    .searchIconHome{float: right; line-height: 0.5rem;z-index: 33;}
  }
  .menuShadeBox{
    width: 3.75rem;position: fixed;top: 0.5rem;left: 0rem;bottom: 0;opacity: 1;z-index: 999;
    .sidebarMenuBox{
      width: 1.75rem;height: 100%;background: #1c2c3c;box-shadow: 5px 5px 8px #f2f2f2;opacity: 1;z-index: 999;
    }
    .fade-enter-active {//0.3s执行left1线性动画
      animation: left1 3s linear;
    }
    @keyframes left1 {//点击显示的时候，让它从-1.45到0
      from {left: -3.75rem;}
      to{left: 0;}
    }
    .fade-leave-active {//0.3s执行left2线性动画
      animation: left2 .3s linear;
    }
    @keyframes left2 {//点击隐藏的时候，让它从0到-1.45
      from {left: 0;}
      to {left: -3.75rem;}
    }
  }
  .footer{
    width: 100%;height: 0.35rem;line-height: 0.35rem;background: #2c3e50;color: #fff;
  }
}